<script setup lang="ts">

import Nav from "@/views/router/Nav.vue";
</script>

<template>
  <h3>user setting</h3>
  <div class="setting">
    <Nav class="item1"/>
    <div class="item2">
      <router-view/>
      <router-view name="helper"/>
    </div>
  </div>

</template>

<style scoped>
.setting{
  display: flex;
  gap: 1rem;
}
.setting .item1,.setting .item2{
  background: #dc7d7d;
  padding: 10px;
}
</style>